<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>最美代码</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<%@include file="/common/include_all.jsp"%>
<style type="text/css">
body{
	padding-top: 50px;
	padding-bottom: 50px;
}
.carousel{
	height: 500px;
	background-color: #000;
	margin-bottom: 60px;
}
.carousel .item{
	height: 500px;
	background-color: #000;
}
.carousel .img{
	width: 100%;
}
.carousel-caption p{
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.8;
}
#summary-container .col-md-4{
	text-align: center;
}
hr.divider{
	margin: 40px 0;
}
.feature{
	padding: 30px 0;
}
</style>
</head>
<body>
<%@ include file="/common/header.jsp"%>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="img/a1.jpg" alt="...">
      <div class="carousel-caption">
        
      </div>
    </div>
    <div class="item">
      <img src="img/a2.jpg" alt="...">
      <div class="carousel-caption">
        
      </div>
    </div>
    
    <div class="item">
      <img src="img/a3.jpg" alt="...">
      <div class="carousel-caption">
        
      </div>
    </div>
    
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
</div>


<div class="container" id="summary-container">
    <div class="row">
	  <div class="col-md-4">
		  <img class="img-circle" alt="a1" src="/img/as.png">
		  <h2>a1</h2>
		  <p>简要介绍 Bootstrap，以及如何下载、使用，还有基本模版和案例，等等。</p>
	  </div>
	  <div class="col-md-4">
	  	  <img class="img-circle" alt="a1" src="/img/as.png">
		  <h2>a1</h2>
		  <p>简要介绍 Bootstrap，以及如何下载、使用，还有基本模版和案例，等等。</p>
	  </div>
	  <div class="col-md-4">
	   	  <img class="img-circle" alt="a1" src="/img/as.png">
		  <h2>a1</h2>
		  <p>简要介绍 Bootstrap，以及如何下载、使用，还有基本模版和案例，等等。</p>
	  </div>
    </div>
    <hr class="divider">

<footer>
    <p class="pull-right"><a href="#top">回到顶部</a></p>

    <p>&copy; 2015 最美代码 </p>
</footer>




</div>


</body>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

</html>